﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head> 
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen">
		<link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen">
		<script src="../js/jquery-1.6.3.min.js" type="text/javascript"></script>
		<script src="../js/cufon-replace.js" type="text/javascript"></script>
		<script src="../js/Mate_400.font.js" type="text/javascript"></script> 
		<script src="../js/FF-cash.js" type="text/javascript"></script>
		<script src="../js/tms-0.3.js" type="text/javascript"></script>
		<script src="../js/tms_presets.js" type="text/javascript"></script>
		<script src="../js/jquery.easing.1.3.js" type="text/javascript"></script>
	</head>
	<body id="page1">
<a href="游戏信息更新.html">游戏信息更新</a>
<a href="游戏信息检索和删除.html">游戏信息检索和删除</a>
<a href="游戏信息添加.html">游戏信息添加</a>
		<div class="extra">
			<div class="main">
				<header>
					<div class="wrapper p4">
						<h1><a href="index.html">守望先锋</a></h1>                    <div id="myTime"></div>
						<ul class="list-services">
							
						</ul>
					</div>
					<nav>
						<ul class="menu">
							<li class="active"><a href="index.html">首页</a></li>
							<li><a href="内容介绍.html">游戏简介</a></li>
							<li><a href="配置.html">配置要求</a></li>
							<li><a href="下载.html">下载</a></li> 
							<li><a href="游戏信息更新.html">游戏信息更新</a></li>
							<li><a href="游戏信息检索和删除.html">游戏信息检索和删除</a></li>
							<li><a href="游戏信息添加.html">游戏信息添加</a></li>
							<li class="last"><a href="注册.html">注册</a></li>
							<li class="last"><a href="登陆.html">登陆</a></li>

						</ul>
					</nav>
					<div class="wrapper">
						<div class="slider-wrapper">
							<div class="slider">
								<ul class="items">
									<li><img src="../images/game1.jpg" alt="" /></li>
									<li><img src="../images/game2.jpg" alt="" /></li>
									<li><img src="../images/game3.jpg" alt="" /></li>
								</ul>
							</div>
							<a class="prev" href="#"></a>
							<a class="next" href="#"></a>
						</div>
						<div class="extra-wrap">
							<div class="indent">
								<strong class="title-1">技能-为未来而战</strong>
								<strong class="title-2"></strong>
								<p class="img-indent-bot"><a class="link" target="_blank" href="#">《守望先锋™》是一款团队射击游戏，英雄们在一个战火纷飞的世界相互厮杀。不同的英雄拥有不同的技能，队友们互相协作释放技能，最终在比赛中获得胜利</p>
								<div class="aligncenter">
									<a class="button" href="更多.html">更多</a>
								</div>
							</div>
						</div>
					</div>
				</header><div class="copyrights">Collect from </div>
                
<!--==============================content================================-->
				<section id="content">
					<div class="container_12">
						<div class="wrapper indent-bot">
							<article class="grid_4">
								<div class="box">
									<div class="padding">
										<div class="wrapper">
											<strong class="numb">01</strong>
											<div class="extra-wrap">
												<h2>简单</h2>
												<strong class="title-2">快速上手</strong>
											</div>
										</div>
										
									
									<a class="link-1" href="#"></a>
								</div>
							</article>
							<article class="grid_4">
								<div class="box">
									<div class="padding">
										<div class="wrapper">
											<strong class="numb">02</strong>
											<div class="extra-wrap">
												<h2>趣味</h2>
												<strong class="title-2">卡通画风</strong>
											</div>
										</div>
										
									</div>
									<a class="link-1" href="#"></a>
								</div>
							</article>
							<article class="grid_4">
								<div class="box">
									<div class="padding">
										<div class="wrapper">
											<strong class="numb">03</strong>
											<div class="extra-wrap">
												<h2>团队</h2>
												<strong class="title-2">合作至上</strong>
											</div>
										</div>
										
									</div>
									<a class="link-1" href="#"></a>
								</div>
							</article>
						</div>
						<div class="wrapper">
							<article class="grid_8">
								<div class="indent-left indent-top img-indent-bot">
									 </script>
		<script type="text/javascript">
			$(window).load(function() {
				$('.slider')._TMS({
					duration:800,
					easing:'easeOutQuad',
					preset:'simpleFade',
					slideshow:7000,
					banners:false,
					pauseOnHover:true,
					pagination:false,
					nextBu:'.next',
					prevBu:'.prev'
				});
			});
		</script>
        <script type="text/javascript">
		function showLocale(objD){
			var str,colorhead,colorfoot;
			var yy = objD.getYear();
			if(yy<1900) yy = yy+1900;
			var MM = objD.getMonth()+1;
			if(MM<10) MM = '0' + MM;
			var dd = objD.getDate();
			if(dd<10) dd = '0' + dd;
			var hh = objD.getHours();
			if(hh<10) hh = '0' + hh;
			var mm = objD.getMinutes();
			if(mm<10) mm = '0' + mm;
			var ss = objD.getSeconds();
			if(ss<10) ss = '0' + ss;
			var ww = objD.getDay();
			if  ( ww==0 )  colorhead="<font color=\"#FF0000\">";
			if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"#373737\">";
			if  ( ww==6 )  colorhead="<font color=\"#008000\">";
			if  (ww==0)  ww="星期日";
			if  (ww==1)  ww="星期一";
			if  (ww==2)  ww="星期二";
			if  (ww==3)  ww="星期三";
			if  (ww==4)  ww="星期四";
			if  (ww==5)  ww="星期五";
			if  (ww==6)  ww="星期六";
			colorfoot="</font>"
			str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;
			return(str);
			}
			function tick()
			{
			var today;
			today = new Date();
			document.getElementById("myTime").innerHTML = showLocale(today);
			window.setTimeout("tick()", 1000);
			}
			tick();
	</script>
	</body>
</html>